@charset "UTF-8";
@import 'com/sass/_utils-wap';
@import 'com/sass/_reset-wap';
$icon:sprite-map("com/spr/*.png",$spacing:10px);
$Borbot: 1px #dcdcdc solid;
$Color: #12b7f5;
.title{
    line-height: 96px/$ppr;
    height: 96px/$ppr;
    color: #333;
    font-size: 34px/$ppr;
    position: relative;
    text-align: center;
    border-bottom: $Borbot;
    background: #fff;
    .return{
        position:absolute;
        left: 24px/$ppr;
        top:26px/$ppr;
        display: inline-block;
        @include icon($icon,"back");
    }
} 
.time{
    line-height: 80px/$ppr;
    height:80px/$ppr;
    padding: 0 24px/$ppr;
    background:#f1f1f1;
    font-size: 28px/$ppr;
}
.con{
    .left{
        float: left;
        display: inline-block;
        h3{
            font-size: 34px/$ppr;
            color: #333;
            line-height: 54px/$ppr;
        }
        p{
            font-size: 24px/$ppr;
            color: #aaa;
            line-height: 46px/$ppr;
        }
        span{
            margin-right: 15px/$ppr;
        }
    }
}
.list_box{
    padding: 24px/$ppr;
    border-bottom:$Borbot;
}
.rig{
    float: right;
    display: inline-block;
    .sent{
        display: block;
        line-height: 50px/$ppr;
        color: #ff686d;
        font-size: 28px/$ppr;
        text-align: center;
        margin-bottom: 15px/$ppr;
    }
    .remove{
        display: block;
        width: 118px/$ppr;
        height: 60px/$ppr;
        line-height: 60px/$ppr;
        border:1px $Color solid;
        font-size: 28px/$ppr;
        color:$Color;
        text-align: center;
        border-radius:8px/$ppr;
    }
}  
.rig_i{
    float: right;
    display: inline-block;
    margin-top: 61px/$ppr;
    i{
        display: block;
        @include icon($icon,"lefta");
    }
}
